/* =====================================================================
   IBERIA MU - site-wide fixes. Loaded last, after iberia-armory.css.
   ===================================================================== */

/* The template drew a pink glow image above and below every button
   (style.css: button:before / button:after). Off-brand; removed. */
button:before, button:after,
.button:before, .button:after{
  background-image:none !important;
}

/* ---------------------------------------------------------------------
   Login window: same dark red / gold as the rest of the site
   --------------------------------------------------------------------- */
.modal_div{
  width:540px !important;
  min-height:0 !important;
  margin-left:-270px !important;
  padding:42px 0 38px !important;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(143,16,24,.38), transparent 62%),
    linear-gradient(180deg, #26070b 0%, #120305 55%, #0a0203 100%) !important;
  border:1px solid rgba(214,162,58,.45);
  border-radius:6px;
  box-shadow:0 0 0 1px rgba(0,0,0,.85), 0 30px 80px rgba(0,0,0,.75);
}

.modal_div .modal_close{
  top:12px;
  right:12px;
  width:30px;
  height:30px;
  box-sizing:border-box;
  background:none !important;
  border:1px solid rgba(214,162,58,.55);
  border-radius:50%;
}
.modal_div .modal_close:before,
.modal_div .modal_close:after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:12px;
  height:1px;
  background:#f0c968;
}
.modal_div .modal_close:before{ transform:translate(-50%,-50%) rotate(45deg); }
.modal_div .modal_close:after { transform:translate(-50%,-50%) rotate(-45deg); }
.modal_div .modal_close:hover{ border-color:#f0c968; }

.modal_div .modal-content{ padding:0 48px; }
.modal_div .modal-content h2{ margin-bottom:32px; }
.modal_div .modal-content h2 span{
  background-image:linear-gradient(180deg, #f7dd98 0%, #c99a3b 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  letter-spacing:2px;
}
.modal_div .modal-content h2 span:before,
.modal_div .modal-content h2 span:after{
  width:90px;
  background:rgba(214,162,58,.45) !important;
}

.modal_div input{
  display:block;
  width:100% !important;
  min-width:0 !important;
  box-sizing:border-box;
  border:1px solid rgba(214,162,58,.28) !important;
  border-radius:3px;
  color:#f0e2c2 !important;
  letter-spacing:1px;
}
.modal_div input::placeholder{ color:rgba(234,217,184,.42); }
.modal_div input:focus{
  outline:none;
  border-color:rgba(240,201,104,.75) !important;
}
.modal_div .formButton{ margin-top:28px; }
.modal_div .forgot-password .button{ font-size:12px; }

/* ---------------------------------------------------------------------
   Footer: "Go to Shop" and the scroll-to-top button were removed from
   view.footer.php; the empty space they left below the bar goes too.
   --------------------------------------------------------------------- */
.footer{ min-height:0 !important; }